@charset "utf-8";
/* CSS Document */
/**聊天页面样式**/
html, body{background-color:#fff;border:medium none;height:100%;margin:0;overflow:hidden;padding:0;width:100%;}
.w_box{height:100%;font-size:13px;line-height:1.5;}
.w_chat_box{width:100%;}
.userlist{width:200px;height:100%;position:absolute;top:1px;left:0;padding:0 1px 0 0;bottom:0;overflow:auto;z-index:3;background:none #fff;}
.userlist ul{padding:10px 0;_padding-bottom:30px;}
.userlist li{border-bottom:1px solid #eee;padding:5px 0;cursor:pointer;}
.userlist  li.current{background:#4681C5;color:#FFF;}
.userlist .p_5{padding-left:10px;}
.userlist .pr5{padding-right:7px;}
.chat_box{position:absolute;right:0;left:0;top:0;bottom:0;z-index:1;float:right;width:100%;padding:93px 0 133px 0;_height:100%;}
.chat_box .interlocutor{border-bottom:1px solid #ccc;height:92px;margin:-93px 0 0 200px;position:relative;z-index:105;}
.interlocutor .locut_container{height:72px;padding:10px 8px 10px 10px;position:relative;white-space:nowrap;background:url("../img/shadow_bg2.gif") repeat-y scroll 0 0 #fff;}
.interlocutor .locut_container dl{width:100%;}
.interlocutor .locut_container dt{width:72px;height:72px;padding:10px;position:absolute;top:0px;}
.interlocutor .locut_container dd{position:absolute;top:8px;left:110px;}
.interlocutor .locut_container li{line-height:22px;}
/*聊天窗口备注 start******************/
.interlocutor .locut_container li .bz{display:inline;}
.interlocutor .locut_container li .bz span{padding:0 6px;}
.interlocutor .locut_container li .bz .bz_off{color:#CCC;}
.interlocutor .locut_container li .bz .bz_on{color:#F60}
.interlocutor .locut_container li .bz .bz_r{position:relative; width:265px; display:inline;z-index:20000;overflow:hidden}
.interlocutor .locut_container li .bz .bz_r a.bz_btn{width:53px;height:25px;padding-left:10px;color:#000;line-height:25px;display:inline-block;background:url("../img/bz_btn.png") no-repeat;}
/*备注弹出框*/ 
.bz_window{width:263px;height:115px;position:absolute;top:25px;right:0px;_right:360px;z-index:2000;background:url("../img/bzk_bg.png") no-repeat;_background:#fff;_border:1px solid #cfcfcf;}
.bz_window textarea{width:231px;height:49px;margin-top:18px;margin-left:16px;font-size:12px;line-height:18px;border-color:#7E7E7E #CFCFCF #CFCFCF #7E7E7E;border-style:solid;border-width:1px;color:#666;overflow-y:auto;}
.bz_window p{width:248px;height:37px;margin-top:5px;margin-left:15px;}
.bz_window p a{display:inline-block;padding:2px 14px;margin:0 30px;position:relative;cursor:pointer;}
/*聊天窗口备注 end********************/
.interlocutor .locut_container li input.btn1,.interlocutor .locut_container li input.btn3{ width:50px;}
.interlocutor .locut_container .m_dw{position:absolute;top:1px;left:162px;}
.interlocutor .perhome_chat2 .m_dw{position:absolute;top:1px;left:162px;}
.interlocutor .locut_container .m_dw2{position:absolute;top:81px;left:162px;}
.interlocutor .perhome_chat2 .m_dw2{position:absolute;top:81px;left:71px;}
.messages_w{height:100%;}
.messages{overflow:auto;height:100%;margin:0 0 100px 201px;padding:0 5px 0 11px;background:url("../img/shadow_bg2.gif") repeat-y scroll 0 0 #fff;display:block;height:expression((document.documentElement.clientHeight -225));}
* + html .messages{position:absolute;z-index:1;height:auto;_height:100%;margin-bottom:0;top:93px;bottom:133px;left:0;right:0;}
.messages ul{padding:10px;}
.messages ul li{margin-bottom:10px;word-break:break-all;word-wrap:break-word;line-height:20px;color:#333;}
/*.messages ul li .say_cont{ position:relative}*/
.messages .ta{color:#5D9435;font-size:10px;}
.messages .ta b{font-size:12px;}
.messages .me{color:#5788C2;font-size:10px;}
.messages .me b{font-size:12px;}
.messages .textbg{background:#efefef;padding:5px 10px;margin:5px 0;}
.messages .textbg1{background:#ddfdbe;padding:5px 10px 15px 10px;margin:5px 0;}
.type{bottom:0;height:133px;left:0;margin:0 0 0 201px;position:absolute;right:0;z-index:5;background:url("../img/shadow_bg.gif") repeat-y scroll 0 0 #88b9f4;}
.userlist .status_icon_w{width:30px;}
.userlist .status_icon{float:left;height:11px;margin:6px 9px 0 8px;width:11px;background:url("../img/chat_online.png") no-repeat scroll 0 0;}
.userlist .status_icon{background-position:-24px 0;}
.userlist .online{background-position:-11px 0;}
.userlist .newmsg{color:#fff;font-size:11px;font-weight:bold;height:18px;line-height:18px;text-align:center;text-indent:0;display:block;width:18px;margin:2px 0 0 5px;background:url("../img/messenger.png") no-repeat -48px 0}
/**删除按钮**/
.userlist .user_delete{display:none;float:right;margin:4px 9px 0 -20px;position:relative;z-index:7987;width:14px;height:14px;background:url("../img/messenger.png") no-repeat -66px 0;}
.userlist .user_contact:hover .user_delete,.userlist user_contact.hover .user_delete{visibility:visible}
.userlist .user_delete:hover{background-position:-80px 0}
.userlist .current .user_delete{background-position:-66px -18px}
.userlist .current .user_delete:hover{background-position:-80px -18px}
.userlist .user_delete span{display:none}
.type .type-wrap{padding:15px;}
.type .textarea{background:#fff;border-color:#5788C2 #B1D3FE #B1D3FE #5788C2;border-style:solid;border-width:1px;clear:both;height:68px;margin:0 15px 7px 0;overflow:auto;padding:5px;word-wrap:break-word;word-break:normal;width:expression((document.documentElement.clientWidth -240)); font-size:30px; line-height:30px;}
.type .submit{_margin-left:-100px;}
.type .submit span,.type .submit2 span{float:left;}
.smile_door{background:url("../img/writer_icon.gif") no-repeat 0 0;background-position:-60px 0;height:18px;width:28px;display:block;margin:5px 0 0 15px;}
a.add_friend_btn{background:url("../img/add_friend_btn.png") no-repeat 0 0;width:94px;height:24px;display:block;margin-top:5px;}
a.add_friend_btn:hover{background-position:0 -26px;}
*html .type{width:100%;margin:0;z-index:2;background-position:201px 0}
*html .type-wrap{margin-left:201px}
.chat_prev{padding:5px 0 0 10px;}
.progress{padding-bottom:15px;}
.submit .title{width:385px;height:33px; line-height:33px;}
/*聊天表情*/
.expression{width:397px;height:265px;position:absolute;z-index:1198;background:#fff;}
.expression ul{height:33px;border-left:1px #cccccc solid;border-right:1px #cccccc solid;background:url("../img/exp_03.png");}
.expression ul li{height:28px;padding:0px 10px;line-height:28px;margin-top:4px;margin-left:10px;float:left;color:#666666;cursor:pointer;}
.expression ul li a{color:#666666;text-decoration:none;}
.expression .changeli{border:1px #cccccc solid;border-bottom:none;cursor:pointer;background:url("../img/exp_06.png");}
.expression .content{height:229px;}
.expression .redbox{width:34px;height:34px;border:1px #F30 solid;position:absolute;z-index:4;left:164px;top:32px;}
.expression .bigimg{position:absolute;z-index:5;left:0px;top:32px; background:#fff;}
.expression .bigimg img{border:1px #cccccc solid;}
.expression .close{float:right;}
.chatbox_toptip{padding:2px 10px;box-shadow:2px 2px 2px #666;background:#ff9600;color:#FFF;font-size:12px;position:absolute;top:0;right:0;z-index:9999;display:none;}
/**/
#messages {word-wrap:break-word}
#messages, #first {overflow:auto;height:100%;margin:0 0 100px 201px;background:#fff url(../img/shadow_bg2.gif) 0 0 repeat-y;padding:0 5px 0 11px;}
#messages .message_text, #messages .b_pager {clear:both;min-height:16px;margin:0;padding:3px 0 15px 0;color:#333;margin-left:5px;font-size:1.2em;line-height:1.5em}
#messages .message_text .voice_cont{ float:left;}
#messages .message_text .paly_bar{max-width:240px; margin-top:5px;margin-left:5px;}
#messages .message_text a.playbtn{ background:url(../img/chat_play_btn.gif) no-repeat; width:33px; height:30px; display:inline-block; vertical-align:bottom; *margin-top:-3px;}
#messages .message_text a.playbtn1{width:33px; height:30px; display:inline-block; vertical-align:bottom; _margin-top:-2px;}
#messages .message_text a.playbtn:hover{ background:url(../img/on_chat_play_btn.gif) no-repeat; width:33px; height:30px; display:inline-block;vertical-align:bottom}
#messages .message_text .chat_play_bar{ display:inline-block;border-top:#888 1px solid;border-left:#888 1px solid;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid;height:13px;vertical-align:middle;zoom:1;overflow:hidden;}
/*.load_bar{background:#cefffb;height:15px;display:inline-block; _margin-top:-6px;margin-left:-105px;_overflow:hidden;*margin-left:-101px;}
.sound_bar{background:#68a5dd;height:15px;display:inline-block; margin-top:-15px;margin-left:-104px;_overflow:hidden;*margin-left:-101px;margin-left:-109px\0;}*/
.load_bar{background:#cefffb;height:13px;display:inline-block;}
.sound_bar{background:#68a5dd;height:13px;display:inline-block;}